<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>你办囍事 我送囍酒</title>
		<meta name="viewport" content="width=640,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="/Public/game/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="<?php echo C('HTTP_HOST_URL');?>/Public/game/css/Home.css" />
	</head>

	<body>
		<?php
 $jssdk = new \JSSDK("wxfd8742a962585bcd", "1390437b5921430a49b529c4a79aba62"); $signPackage = $jssdk->GetSignPackage(); ?>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId:  '<?php echo $signPackage["appId"];?>', // 必填，公众号的唯一标识
        timestamp:<?php echo $signPackage["timestamp"];?>, // 必填，生成签名的时间戳
        nonceStr: '<?php echo $signPackage["nonceStr"];?>', // 必填，生成签名的随机串
        signature: '<?php echo $signPackage["signature"];?>',// 必填，签名，见附录1
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function () {
        initShareTimeline();
        initShareAppMessage();
//      music.play();
    });


/**
 * 初始化分享到朋友圈的设置
 */
function initShareTimeline(title,link,imgUrl){
	title= title?title:"<?php echo $BanquetUserInfo['name'];?>要结婚了，快来Ta的婚宴抢个座！";
	link= link?link:"<?php echo \Org\Net\Fun::url('home/page/table',array('id'=>$BanquetInfo['id'])); ?>";
	imgUrl = imgUrl?imgUrl:"<?php echo C('HTTP_HOST_URL');?>/Public/images/share.png";
    //分享到朋友圈
    wx.onMenuShareTimeline({
        title: title, // 分享标题
        link: link, // 分享链接
        imgUrl: imgUrl, // 分享图标
        trigger: function(res) {
		// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
		//              alert('用户点击分享到朋友圈');
            
		},
		success: function(res) {
            <?php if($BanquetUserInfo['wx_id']==$userInfo['wx_id']):?>
            if(showwel){
            		try{
            			if (typeof(eval("showwel")) == "function") {
			           showwel(3);
			        }
            		}catch(e){
            			
            		}
            }
            
            <?php endif;?>
//			sharelog();
			///////////////////////////////////////////////
//			close_mask();
            
            
		},
		cancel: function(res) {
		},
		fail: function(res) {
		}
    });
}


/**
 * 初始化分享好友的设置
 */
function initShareAppMessage(title,desc,link,imgUrl){ 
	
	title= title?title:"<?php echo $BanquetUserInfo['name'];?>要结婚了，快来Ta的婚宴抢个座！";
	desc=desc?desc:"你办囍事，我送囍酒";
	link= link?link:"<?php echo \Org\Net\Fun::url('home/page/table',array('id'=>$BanquetInfo['id'])); ?>";
	imgUrl = imgUrl?imgUrl:"<?php echo C('HTTP_HOST_URL');?>/Public/images/share.png";
	//分享给朋友
    wx.onMenuShareAppMessage({
        title: title, // 分享标题
        desc: desc, // 分享描述
        link: link, // 分享链接
        imgUrl: imgUrl, // 分享图标
		trigger: function(res) {
            
			// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
			//          alert('用户点击发送给朋友');
		},
		success: function(res) {
            <?php if($BanquetUserInfo['wx_id']==$userInfo['wx_id']):?>
             
        		try{
        			if (typeof(eval("showwel")) == "function") {
		           showwel(3);
		        }
        		}catch(e){
        			
        		}
            <?php endif;?>
//			sharelog();
			///////////////////////////////////////////////////////
//			close_mask();
            
		},
		cancel: function(res) {
		},
		fail: function(res) {
		}
    });
}
    
//提交分享记录    
function sharelog(){
	MYajax({"type":"share"},"/index.php/Home/app/share.html",function(res){})
}


//秘钥
var tokenkey = "lkasdj213489ulkjadsf";
function MYajax(requestData,url,successCallback){
	var requestData = requestData;
	var url = url;
	requestData = JSON.stringify(requestData);
	var requestKey = $.md5(requestData+tokenkey);
	$.ajax({
		type:"post",
		url:url,
		data:{'data':requestData,"key":requestKey},
		async:true,
		success:function(res){
			successCallback(res);
		},
		dataType:'json',
		fail:function(e){
			
		}
	});
}
</script>
		<div class="web">

			<audio src="/Public/game/music/1.mp3" autoplay loop=""></audio>
			<div class="music xuanzhuan"></div>

			<div class="logo  animated flipInX">
				<img src="/Public/game/images/Homg_logo.png" />
			</div>

			<div class="content">
				<img src="/Public/game/images/redwine.png" class="redwine"/>
				<!--!!!!!!!!!!增加大字图片!!!!!!!!!!!!!-->
				<ul>
					<li class="animated bounceInLeft delay_100"><img src="/Public/game/images/index_1.png" /></li>
					<li class="animated bounceInLeft delay_400"><img src="/Public/game/images/index_2.png" /></li>
					<li class="animated bounceInLeft delay_700"><img src="/Public/game/images/index_3.png" /></li>
					<li class="animated bounceInLeft delay_700"><img src="/Public/game/images/index_3.png" /></li>
					<li class="animated bounceInLeft delay_1000"><img src="/Public/game/images/index_4.png" /></li>
					<li class="animated bounceInLeft delay_1400"><img src="/Public/game/images/index_5.png" /></li>
					<li class="animated bounceInLeft delay_1700"><img src="/Public/game/images/index_6.png" /></li>
					<li class="animated bounceInLeft delay_2000"><img src="/Public/game/images/index_3.png" /></li>
					<li class="animated bounceInLeft delay_2000"><img src="/Public/game/images/index_3.png" /></li>
					<li class="animated bounceInLeft delay_2400"><img src="/Public/game/images/index_7.png" /></li>
				</ul>
				
			</div>
			<div class="btn">
				<ul>
					<li class="animated button fadeIn delay_1400">定制我的囍宴</li>
					<li class="animated button fadeIn delay_2000">我要免费领取囍酒</li>
				</ul>
			</div>
			<div class="mask">
				<div class="rule animated flipInX">
					<ul>
						<li><button><img src="/Public/game/images/close_icon.jpg"/></button></li>
						<li>定制专属囍宴</li>
						<li>邀请宾客入席</li>
						<li>抢999元现金贺礼!</li>
						<li><button>查看活动规则</button></li>
					</ul>
				</div>
			</div>
			<div class="mask1">
				<div class="wrap">
					<div class="content">
						<!--!!!!!!!!!!!!!!!!活动规则-->
						<ul>
							<li>活动规则</li>
							<li>在活动期间内，参与H5互动，制作自己的囍宴，让更多亲友入席。6位亲友入座即可组成一桌酒席，累计组成酒席最多的前99位用户，将获得999元的现金贺礼。此外，符合参与条件的用户凭结婚证以及酒店婚宴预订单据，可获赠限量婚宴定制囍酒套装一份，线下领取，先到先得。</li>
							<li>参与条件</li>
							<li>于2016年1月1日后进行婚姻登记，并在2016年10月1日—10月7日举办婚宴的新人（限广东省、海南省区域）</li>
							<li>活动时间</li>
							<li>2016年9月8日-9月26日</li>
							<li>奖品设置</li>
							<li>1、第1名至99名，各获得￥999现金贺礼一份；<br /> 2、符合参与条件的用户凭结婚证以及酒店婚宴预订单据，前往张裕白兰地线下兑换点（限广东省、海南省区域）可获赠婚宴定制囍酒套装一份，共9999份，数量有限，领完为止。
							</li>
							<li>活动说明</li>
							<li>1、活动奖品有限，在参与者提交认证资料正确无误的前提下，将按照时间顺序的原则确定获奖名单；<br /> 2、2016年9月30日将在张裕白兰地官方微信、微博平台以及囍宴排行榜公布中奖名单及领奖方式；
								<br /> 3、一个微信ID号只能参与一次；
								<br /> 4、如对本活动规则有任何疑问，活动主办方将会在法律允许的范围内对本活动规则给予必要的说明和解释。
							</li>
						</ul>

					</div>
					<div class="btn">
						<span>马上办囍宴</span>
					</div>
					<div class="bot">
						<button></button>
					</div>
				</div>
			</div>
		</div>
		<script src="<?php echo C('HTTP_HOST_URL');?>/Public/game/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//!!!!!!!!!!!!!把click修改为touchstart
			$(".rule li:first button").on("touchstart", function() {
				$(".mask").css("display", "none");
			})
			$(".web>div.btn li:first").on("touchstart", function() {
				var url = "<?php echo \Org\Net\Fun::url('home/page/table',array('id'=>$banqueData['id'])); ?>";
				<?php if($banqueData['id']>0){?>
				//location.href = url;
				<?php }else{?>
				//$(".mask").css("display", "block");
				<?php }?>
				$(".mask").css("display", "block");
			})
			$(".web>div.btn li:last").on("touchstart", function() {
				//我要免费领取酒席
				//location.href = "awardMap.html"
				location.href = "<?php echo \Org\Net\Fun::url('home/page/freeOfCharge'); ?>";
			})
			$(".rule li:last button").on("touchstart", function() {
				$(".mask1").css("display", "block");
			})
			$(".mask1 div.btn").on("touchstart", function() {
				location.href = "<?php echo \Org\Net\Fun::url('home/page/createBanquet'); ?>";
			})
			$(".mask1 div.bot").on("touchstart", function() {
				$(".mask1").css("display", "none");
				$(".mask").css("display", "none");
			})

			var mu = $(".music");
			var music = $("audio")[0];
			mu.on("touchstart", function() {
				mu.toggleClass("xuanzhuan");
				if(music.paused == false) {
					music.pause();
				} else {
					music.play();
				}
			})
		</script>
	</body>

</html>